<template>
  <el-dialog :draggable="draggable" :top="top" :width="width"
  :show-close="showClose" :modal="modal">
    <template #title>
      <slot name="title"></slot>
    </template>
    <template #default>
      <slot name="default" style="width: 80%;margin: 0 auto;"></slot>
    </template>
    <template #footer>
      <slot name="footer"></slot>
    </template>
  </el-dialog>
</template>

<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '',
  },
  // 是否显示关闭按钮
  showClose: {
    type: Boolean,
    default: true,
  },
  // 是否可拖动
  draggable: {
    type: Boolean,
    default: false,
  },
   modal: {
    type: Boolean,
    default: true,
  }, 
  top: {
    type: String,
    default: '15vh',
  },
  width: {
    type: String,
    default: '50%',
  },
});




</script>

<style scoped>
/* You can add styles here if needed */
</style>